<div [ngStyle]="tagData.cssStyle | styleFilter">
  <!-- kill img -->
  <div class="kill-head-bg" [ngStyle]="tagData.data.headDiv.titleImg?.itemCssStyle | styleFilter" *ngIf="tagData.data?.headDiv?.titleImg?.img && tagData.data.data && tagData.data.data.length > 0 ">
   
    <img [src]="tagData.data.headDiv.titleImg?.imgUrl" onerror="this.src='assets/fw/kill-3-4.png'"  class="kill-header-img-bg" [ngStyle]="tagData.data.headDiv.titleImg?.bgCssStyle | styleFilter">
    <img [src]="tagData.data.headDiv.titleImg?.img"  onerror="this.src='assets/fw/list_xsqg.png'"  class="kill-header-img" *ngIf="tagData.data.headDiv?.titleImg?.img" [ngStyle]="tagData.data.headDiv.titleImg?.cssStyle | styleFilter">

  </div>
  <!-- title -->
  <div class="list-title-header" *ngIf="tagData.data?.headDiv?.title && tagData.data.data && tagData.data.data.length > 0 ">
    <p class="kill-header-title" *ngIf="tagData.data.headDiv.title?.label" [ngStyle]="tagData.data.headDiv.title.label | styleFilter">{{tagData.data.headDiv.title.label}}
      <span class="kill-header-title-sub" *ngIf="tagData.data.headDiv.titleRowRight?.label" [ngStyle]="tagData.data.headDiv.titleRowRight.label | styleFilter">{{tagData.data.headDiv.titleRowRight?.label}}</span>
    </p>
  </div>
  <div class="list-bg" [ngStyle]="tagData.data.headDiv?.box?.cssStyle | styleFilter">
    <ng-container *ngFor="let item of tagData.data.data, let i = index">
        <!-- small ad type2-->
        <div class="item-bg-img" *ngIf="item.type && item.type === '2'" [ngStyle]="item.button.buttonLink.cssStyle | styleFilter">
          <img class="img" src="{{item.img}}" alt="" appDebounceClick (debounceClick)="pageModalService.openPage(item.button.buttonLink.link)">
          
        </div>
        <!-- type100 -->
        <div class="item-bg-more" *ngIf="item.type && item.type === '100'" [ngStyle]="item.button.cssStyle | styleFilter" appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
          {{item.button.buttonLink.label}}
        </div>
       <!-- type1 -->
      <div class="item-type1-bg" *ngIf="item.type && item.type === '1'" [ngStyle]="tagData.data.itemCssStyle?.cssStyle | styleFilter">

        <img src="assets/fw/kill-type1-bg.png" alt="" class="type1-bg">
        <div class="type1-title-bg" *ngIf="item.title?.firstText?.label" >
          
          <p class="title-bg" [ngStyle]="item.title.firstText.cssStyle | styleFilter">
            <img src="assets/fw/kill_jingxuan.png" alt="" class="title-img"> {{item.title.firstText.label}}
          </p>

          <p class=title-more appDebounceClick (debounceClick)="appGlobalService.openPage(item.button.buttonLink.link)">
            <span *ngIf="item.button?.buttonText?.label" [ngStyle]="item.button?.buttonText?.cssStyle | styleFilter">{{item.button.buttonText.label}}</span>
            <i class="more-icon"></i>
          </p>
        </div>

        <!-- type1 - list -->
        <div class="type-list-bg">
          <div *ngFor="let itemInfo of item.data" class="type-list-item"appDebounceClick (debounceClick)="appGlobalService.openPage(itemInfo.buttonLink.link.link)">
            <img src="{{itemInfo.img?.imgUrl}}" alt="" class="type-item-img" [ngStyle]="itemInfo.img?.cssStyle | styleFilter" onerror="onerror=null;src='assets/img/default_rk.png'">
            <p class="type-contet-bg">
              <span class="price" *ngIf="itemInfo.firstRowLeft?.firstText?.label">
                <i *ngIf="itemInfo.firstRowLeft?.firstText?.unitLeft" [ngStyle]="itemInfo.firstRowLeft?.firstText?.unitCssStyle | styleFilter">{{itemInfo.firstRowLeft?.firstText.unitLeft}}</i>
                <i [ngStyle]="itemInfo.firstRowLeft?.firstText?.cssStyle | styleFilter">{{itemInfo.firstRowLeft?.firstText.label}}</i></span>

              <span class="o-price" *ngIf="itemInfo.firstRowLeft?.secondText?.label" [ngStyle]="itemInfo.firstRowLeft?.secondText?.cssStyle | styleFilter">{{itemInfo.firstRowLeft?.secondText.label}}</span>

            </p>
          </div>
        </div>
      </div>

      

      
      <ng-container *ngIf="!item.type">

        <div class="item-bg" [ngStyle]="item.itemCssStyle | styleFilter"  appDebounceClick (debounceClick)="itemClick(item)">
          <div class="item-left" [ngStyle]="item.img?.cssStyle | styleFilter " *ngIf="item.img?.imgUrl !== undefined" appDebounceClick (debounceClick)="goPage(item)">
            <img class="item-img" [ngStyle]="item.img?.imgCssStyle | styleFilter " src="{{item.img?.imgUrl}}" alt="" onerror="onerror=null;src='assets/img/default_rk.png'">
            <!-- <span *ngIf="item.img?.authSign?.label" [ngStyle]="item.img?.authSign?.cssStyle | styleFilter " class="auth-left"><img *ngIf="item.img?.authSign?.icon" src="assets/fw/{{item.img?.authSign?.icon}}" class="auth-icon">{{item.img?.authSign?.label}}</span> -->
          </div>
          <div class="item-right" [ngStyle]="item.rightCssStyle?.value | styleFilter" appDebounceClick (debounceClick)="pageModalService.openPage(item.buttonLink.link)" >
            <p class="item-title item-title-2line" [ngStyle]="item.title?.fistText?.cssStyle | styleFilter"  *ngIf="item.title?.fistText?.label" >
              {{item.title?.fistText?.label}}
            </p>
            <div class="content-bg" [ngStyle]="item.contentBgCssStyle | styleFilter">
              <div class="item-content-left">

                <div class="item-content" *ngIf="item.firstRowLeft?.secondText?.label && item.firstRowLeft?.noTime === undefined">
                  <app-second-kill-time   [time]="item.firstRowLeft?.secondText?.label" ></app-second-kill-time>
                </div>
                <div class="item-content newStyle" *ngIf="item.firstRowLeft?.secondText?.label && item.firstRowLeft?.noTime !== undefined">

                  <ng-container *ngIf="parseFloatStr(item.firstRowLeft?.firstText?.label) < 50; else elseTemplate">
                    <p class="item-newStyle-left" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
                      <img [src]="item.firstRowLeft?.firstText?.img" [ngStyle]="item.firstRowLeft?.firstText?.imgCssStyle | styleFilter">
                    </p>
                    <span [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                  </ng-container>
                  <ng-template #elseTemplate>
                    <p class="item-newStyle-left" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
                      <span [ngStyle]="item.firstRowLeft?.secondText?.secondLabelCssStyle | styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                      <img [src]="item.firstRowLeft?.firstText?.img" [ngStyle]="item.firstRowLeft?.firstText?.imgCssStyle | styleFilter">
                    </p>
                  </ng-template>
                  
                </div>
             
                  <p class="item-content" [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter" *ngIf="item.secondRowLeft?.firstText?.label" > 
                    <span *ngIf="item.secondRowLeft?.firstText?.label" class="content" >
                      <i [ngStyle]="item.secondRowLeft?.firstText?.unitCssStyle | styleFilter" >{{item.secondRowLeft?.firstText?.unitLeft}}</i>
                      <!-- <i [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft?.firstText?.label}}</i> -->

                      <span [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{appGlobalService.getInterger(item.secondRowLeft?.firstText?.label )| currency:'CNY':'':'1.0-0'}}<i
                        class="pirce-digits" [ngStyle]="item.secondRowLeft?.firstText?.priceDigitsCssStyle | styleFilter">{{(item.secondRowLeft?.firstText?.label | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
                    </span>
    
                    <span *ngIf="item.secondRowLeft?.secondText?.label" class="content" [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft?.secondText?.label}}</span>
                    
                
                  </p>
              
                  <p class="item-content" [ngStyle]="item.thirdRowLeft?.cssStyle | styleFilter"  *ngIf="item.thirdRowLeft?.firstText?.label" >
                    <span *ngIf="item.thirdRowLeft?.firstText?.label" class="content" [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter"><i [ngStyle]="item.thirdRowLeft?.firstText?.unitLeft?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.unitLeft?.label}}</i>{{item.thirdRowLeft?.firstText?.label}}<i [ngStyle]="item.secondRowLeft?.firstText?.unit?.cssStyle | styleFilter">{{item.thirdRowLeft?.firstText?.unit?.label}}</i></span>
    
                    <span *ngIf="item.thirdRowLeft?.secondText?.label" class="content" [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft?.secondText?.label}}</span>
                    
                    <span *ngIf="item.thirdRowLeft?.thirdText?.label" class="content" [ngStyle]="item.thirdRowLeft?.thirdText?.cssStyle | styleFilter">{{item.thirdRowLeft?.thirdText?.label}}</span>
                  </p>
  
                
              </div>
             <!--state=1表示去抢购，state=2表示已抢完  -->
              <div class="item-content-right" [ngClass]="{'sell-done': item.buttonRight?.state == '2'}" *ngIf="item.buttonRight?.firstText?.label" [ngStyle]="item.buttonRight?.cssStyle | styleFilter" appDebounceClick (debounceClick)="itemClick2(item.buttonRight.buttonLink?.link, $event)">
                <span [ngStyle]="item.buttonRight?.firstText?.cssStyle | styleFilter">{{item.buttonRight?.firstText?.label}}</span>
                <div class="progress-content-bg" *ngIf="item.buttonRight?.secondText && item.buttonRight?.secondText?.number > 0  && item.buttonRight?.secondText?.total > 0" [ngStyle]="item.buttonRight?.secondText?.cssStyle | styleFilter">
                  <!-- [ngStyle]="{'width': (item.buttonRight?.secondText?.number / secondText.number) * 100 + %}" -->
                  <p class="progress-bg"><span class="progress" [ngStyle]="{'width': item.buttonRight?.secondText?.percent + ''}"></span></p>
                  <span class="progress-text">{{item.buttonRight?.secondText?.percent}}</span>
                </div>
  
              </div>
              <div *ngIf="item.buttonEnd?.firstText?.label" [ngStyle]="item.buttonEnd?.firstText?.cssStyle | styleFilter">
                {{item.buttonEnd?.firstText?.label}}
              </div>
            </div>
            


          </div>
        </div>
      </ng-container>
    </ng-container>
  </div>

</div>

<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0">
  暂无数据
</p>

<div *ngIf="!showLoadMore" style="height: 5.25rem;">
</div>
<ion-infinite-scroll [ngStyle]="tagData.loadMoreCssStyle | styleFilter" *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>